<template>
  <div class="flex h-full flex-col items-center justify-center text-token-text-primary">
    <div class="h-full w-full @lg/thread:py-[18px]">
      <div class="m-auto text-base px-3 md:px-4 w-full md:px-5 lg:px-4 xl:px-5 h-full">
        <div class="mx-auto flex h-full w-full flex-col text-base @lg/thread:justify-center @md/thread:max-w-3xl">
          <div class="mb-7 hidden text-center @lg/thread:block">
           <LabWelcome />
          </div>
          <div
            class="justify-center mt-[var(--screen-optical-compact-offset-amount)] h-full flex-shrink flex-col items-center overflow-hidden text-token-text-primary [display:var(--display-hidden-until-loaded,flex)] @lg/thread:hidden"
            style="opacity: 1; will-change: auto"
          >
            <LabWelcome />
            <div class="h-[116px]" style="opacity: 1; will-change: auto">
              <!-- <TxtAction flexwap /> -->
            </div>
          </div>
          <div class="@lg/thread:absolute @lg/thread:bottom-8 @lg/thread:left-0 @lg/thread:w-full">
            <div class="mx-auto flex h-full w-full flex-col text-base @lg/thread:justify-center @md/thread:max-w-3xl">
              <div class="block z-20">
                <div class="relative h-full w-full">
                  <div class="mb-2 flex flex-col gap-3.5 pt-2"></div>
                </div>
              </div>
            </div>
          </div>
          <div class="w-full">
            <div class="flex justify-center"></div>
            <FormTxt :model="model" />
          </div>
          <div class="hidden @lg/thread:block h-[70px]" style="opacity: 1; will-change: auto">
            <!-- <TxtAction flexnowap /> -->
          </div>
          <div class="w-full px-2 py-2 text-center text-xs text-token-text-secondary empty:hidden md:px-[60px] @lg/thread:absolute @lg/thread:bottom-0 @lg/thread:left-0">
           <LabVersion />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import TxtAction from "./components/TxtAction.vue";
import LabWelcome from "./components/LabWelcome.vue";
import LabVersion from "./components/LabVersion.vue"
import FormTxt from "./components/FormTxt.vue"

const props = defineProps({
  model: String
})

</script>
<style lang="scss" scoped>
</style>
